.ui5-user-settings-item {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.ui5-user-settings-item-header-container {
	container-type: inline-size;
}

.ui5-user-settings-item-header {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	padding: 1rem 1rem 0.5rem;
	font-size: var(--sapFontHeader5Size);
	font-family: var(--sapFontBoldFamily);
}

.ui5-user-settings-item-loading-container {
	position: relative;
}

.ui5-user-settings-item-view-container,
.ui5-user-settings-item-loading-container,
.ui5-user-settings-item-tabs {
	flex: 1;
	min-height: 0;
}

.ui5-user-settings-item-tabs::part(content) {
	padding: 0;
	border-bottom: 0;
}

.ui5-user-settings-item-view-container {
	overflow: auto;
}

:host([disabled]) {
	pointer-events: initial;
	opacity: initial;
}

:host([disabled])::part(content) {
	opacity: var(--_ui5-listitembase_disabled_opacity);
}

.ui5-user-settings-item-busy {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 42;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: all;
}

.ui5-user-settings-item-busy:not([active]) {
	display: none;
}

@media screen and (width >= 64rem) {
	.ui5-user-settings-item-collapse-btn {
		display: none;
	}
}

@container (width > 37.5rem) {
	.ui5-user-settings-item-header {
		padding-inline: 2rem;
	}
}
